<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/11/25
  Time: 16:41
  To change this template use File | Settings | File Templates.
--%>
<%--
  Created by IntelliJ IDEA.
  User: lenovo
  Date: 2018/7/17
  Time: 15:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="container">

    <link href="/static/dist/lib/uploader/zui.uploader.min.css" rel="stylesheet">
    <script src="/static/dist/lib/uploader/zui.uploader.min.js"></script>
    <style>
        .placeholder {
            border: 3px dashed #e6e6e6;
            min-height: 380px;
            padding-top: 158px;
            text-align: center;
            background: url(/static/webuploader/img/image.png) center 93px no-repeat;
            color: #cccccc;
            font-size: 18px;
            position: relative;
        }
    </style>

    <div id='uploaderExample3' class="uploader" data-ride="uploader" data-url="/admin/activity/mediaLibrary/uploadFile">
        <div class="uploader-message text-center">
            <div class="content"></div>
            <button type="button" class="close">×</button>
        </div>
        <div class="uploader-files file-list file-list-grid">
            <div id="dndArea" class="placeholder">
                <div id="filePicker">点击选择图片</div>
                <p>或将照片拖到这里，单次最多可选300张</p>
            </div>
        </div>
        <div>
            <hr class="divider">
            <div class="uploader-status pull-right text-muted"></div>
            <button type="button" class="btn btn-link uploader-btn-browse"><i class="icon icon-plus"></i> 选择文件</button>
            <button type="button" class="btn btn-link uploader-btn-start"><i class="icon icon-cloud-upload"></i> 开始上传</button>
        </div>
    </div>
    <script type="application/javascript">
        $('#tableUploader').uploader({
            url: '/admin/activity/mediaLibrary/uploadFile'
        });
//        $('#uploaderExample').uploader({
//            autoUpload: true,            // 当选择文件后立即自动进行上传操作
//            url: 'e',  // 文件上传提交地址
//            renameByClick: false,
//            renameExtension: false,
//            rename: false
//        });
    </script>
</div>